<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="${ctx}/resources/semanticui/semantic.min.css"
	rel="stylesheet" type="text/css" />
<link href="${ctx}/resources/apps.css" rel="stylesheet" type="text/css" />
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  // hm.src = "https://hm.baidu.com/hm.js?63eb239345268c518caa9b38c60bfc89";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<title>职位信息</title>
<style type="text/css">

	body {
		font-family: "Microsoft YaHei", "微软雅黑";
	}

.mydiv {
    background-color:#eeeeee;
	line-height: 20px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	z-index: 999;
	left: 50%;
	top: 25%;
	margin-left: -177px !important; /*FF IE7 该值为本身宽的一半 */
	margin-top: -50px !important; /*FF IE7 该值为本身高的一半*/
	margin-top: 0px;
	position: fixed !important; /* FF IE7*/
	position: absolute; /*IE6*/
	/* height: 70%; */
	padding:8px;
}
.top-view {
	height: 100px;
	background: url("${ctx}/resources/images/recruit/job/all_job_blue.png") no-repeat;
	background-size: 100%;
	background-position: center;
	color: #fff;
	text-align: center;
}
.company {
	height: 50px;
	width: 100px;
	background: url("${ctx}/resources/images/recruit/company/flp.jpg") no-repeat;
	background-size: 100%;
	background-position: center;
	color: #fff;
	text-align: center;
	margin-left: 35%;
}
.detail{
	margin-left: 2%;
	margin-top: 5%;
}

#n-page_re {
	width:100%;
	margin-right:2%;
    text-align: left;
    border: none;
    /*background-color: #10264b;*/
    /*height: 14%;*/
}
/*#btn-next2 a{*/
/*    display:inline-block;*/
/*    width:29.5%;*/
/*    background: #10264b;*/
/*    height:60px;*/
/*    line-height:60px;*/
/*    border-radius:2px;*/
/*    text-align:center;*/
/*    color:#fff;*/
/*}*/
/*#btn-next2 a:nth-child(2){*/
/*    margin-left:5%;*/
/*    margin-right:5%;*/
/*}*/
/*#btn-next2 a:nth-child(3){*/
/*	background-color: #0d71bb;*/
/*}*/
.close_icon{
        border: 1px solid #666;
        width: 16px;
        height: 16px;
        line-height: 12px;
        text-align: center;
        display: block;
        background-color: #FFFFFF;
        left: -10px;
        top: -10px;
        position: absolute;
}
	.line {
		background-color: rgba(0,0,0,.12);
		height: 1px;
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px
	}
	.detail-text {
		margin-left: 0%;
	}
	.top-job {
		margin-left: 55%;
		padding-top: 48px;
		padding-right: 10px;
		text-align: right;
		font-size: 20px;
	}
	.top-comp {
		margin-left: 60%;
		text-align: right;
		padding-right: 10px;
		font-size: 18px;
	}
</style>
</head>
<body>
	<div class="ui segment" id="n-page_re" >

		<div class="top-view" id="top-view" >
<%--			<div class="top-job">${job.jobName }</div>--%>
<%--			<div class="top-comp">${job.companyName }</div>--%>
		</div>
		<div class="detail">
			职位名称：${job.jobName }&nbsp;<br>
			<div class="line"></div>
			职位编号：${job.jobCode }&nbsp;<br>
			<div class="line"></div>
			公司名称：${job.companyName }&nbsp;<br>
			<div class="line"></div>
			细分领域：${job.companyDomain} <br>
			<div class="line"></div>
			工作地点：${job.jobPlace }&nbsp;<br>
			<div class="line"></div>
			薪资待遇：${job.jobSalary} <br>
			<div class="line"></div>
			截止日期：${job.endTime }&nbsp;<br>
			<div class="line"></div>
			<div class="detail-text">${job.jobDuty}</div><br>
			<div class="line"></div>
			职位要求：<div class="detail-text">${job.jobRequirement}</div><br>
			<div class="line"></div>
			公司简介：
			<div class="detail-text"><div class="company" id="company-icon"></div></div>
			<div class="detail-text">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${job.companyDesc}</div><br>
			<div class="line"></div>
			<input type="hidden" name="id" id="id" value="${job.jobId}" />
			<input type="hidden" name="companyIcon" id="companyIcon" value="${job.companyIcon}" />
			<input type="hidden" id ="domain" value="${domain}" >
			<input type="hidden" id ="companyName" value="${companyName}" >
			<input type="hidden" id ="companyBusiness" value="${companyBusiness}" >
		</div>
<%--		<div class="ui segment" id="btn-next2" style="margin: 0 auto">--%>
<%--			<a href="http://mc86ahb5rfp7vdrb.mikecrm.com/lEpYkxl" id="button1" >我要招聘</a>--%>
<%--			<a href="javascript:showSelfRecommand()" id="self">关注我们</a>--%>
<%--			<a href="javascript:showOtherRecommand()" id="other" >我要应聘</a>--%>
<%--		</div>--%>
		<div class="ui segment" id="btn-next2">
			<a href="https://jinshuju.net/f/1r0724">
				<div class="fluid ui inverted button" id="other"
					 style="position:absolute;border-radius:6%;padding-top: 1.0rem;padding-bottom: 1.0rem;width:40%;float:left; display:inline;color: #E7793A;border: #E7793A solid 0.5px;background-color: #fff">
					我要招聘
				</div>
			</a>
			<a href="javascript:showSelfRecommand()">
				<div class="fluid ui button" style="width:40%;float:right;padding-top: 1.0rem;border-radius:6%;padding-bottom: 1.0rem; display:inline;background-color: #E7793A;" id="self">我要应聘</div>
			</a>
		</div>

<%--		<div id="popDiv" class="mydiv" style="display:none;">--%>
<%--			<div align="right"--%>
<%--				style="padding:2px;z-index:2000;font-size:12px;cursor:pointer;position:absolute;right:0;"--%>
<%--				onclick="closeOtherRecommand()">--%>
<%--				<span class="close_icon">×</span>--%>
<%--			</div>--%>
<%--			<div class="ui attached header"  style="text-align:left;">--%>
<%--				发送邮件申请<br/>--%>
<%--				本职位的投递地址是：<br/>--%>
<%--				${job.companyMail}<br/>--%>
<%--				<br/>--%>
<%--				邮件标题“应聘 （xx企业） xx职位-姓名”，<br/>--%>
<%--				仅接受Word/Excel/PDF/HTML和图片类型附件。<br/>--%>
<%--				添加客服微信“trend-angel”了解更多！--%>
<%--			</div>--%>
<%--		</div>--%>

<%--		<div id="pDiv" class="mydiv" style="display:none;">--%>
<%--			<div align="right"--%>
<%--				 style="padding:2px;z-index:2000;font-size:12px;cursor:pointer;position:absolute;right:0;"--%>
<%--				 onclick="closeSelfRecommand()">--%>
<%--				<span class="close_icon">×</span>--%>
<%--			</div>--%>
<%--			<div class="ui attached header"  style="text-align:left;">--%>
<%--				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--%>
<%--				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;微信公众号：MedTalent医人才<br/>--%>
<%--				扫一扫，关注公众号。更多高薪职位等你来挑战！--%>
<%--			</div>--%>
<%--			<div class="ui segment"  style="text-align:center">--%>
<%--				<div class="ui small image" style="">--%>
<%--					<img src="${ctx}/resources/images/qrcode.jpg"  >--%>
<%--				</div>--%>
<%--			</div>--%>
<%--		</div>--%>

		<div id="popDiv" class="mydiv" style="display:none;">
			<div align="right"
				 style="padding:2px;z-index:2000;font-size:12px;cursor:pointer;position:absolute;right:0;"
				 onclick="closeSelfRecommand()">
				<span class="close_icon">×</span>
			</div>
			<div class="ui attached header"  style="text-align:left;">
				1.邮件发送简历至info@medtalent.cn,邮件标题：职位编号+姓名;<br/>
				2.扫描下方二维码,添加客服微信,发送简历;
			</div>
			<div class="ui segment"  style="text-align:center">
				<div class="ui small image" style="">
					<img src="${ctx}/resources/images/hr_vxcode.jpg"  >
				</div>
			</div>
		</div>
	</div>


	<script src="${ctx}/resources/jweixin-1.0.0.js"></script>
	<script src="${ctx}/resources/semanticui/jquery-2.1.4.min.js"></script>
	<script src="${ctx}/resources/semanticui/semantic.js"
		type="text/javascript"></script>
	<script type="text/javascript">
	 	wx.config({
			debug : false,
			appId : "${config.appid}",
			timestamp : ${config.currenttimestamp},
			nonceStr : "${config.nonceStr}",
			signature : "${config.signatureStr}",
			jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
					'onMenuShareAppMessage', 'onMenuShareQQ',
					'onMenuShareWeibo', 'showOptionMenu' ]
		});

		var reg = new RegExp("(^|&)domain=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) {
			$("#domain").val(decodeURI(r[2]));
		}
		var domain =  $("#domain").val();
		console.log(domain);
		var reg1 = new RegExp("(^|&)companyName=([^&]*)(&|$)");
		var r1 = window.location.search.substr(1).match(reg1);
		if (r1 != null) {
			$("#companyName").val(decodeURI(r1[2]));
		}
		var companyName =  $("#companyName").val();
		console.log(companyName);
		var reg2 = new RegExp("(^|&)companyBusiness=([^&]*)(&|$)");
		var r2 = window.location.search.substr(1).match(reg2);
		if (r2 != null) {
			$("#companyBusiness").val(decodeURI(r2[2]));
		}
		var companyBusiness =  $("#companyBusiness").val();
		console.log(companyBusiness)


		var handler = {
			activate : function() {
				$(this).addClass('active').siblings().removeClass('active');
				<%--if ($(this).attr('id') == 'self') {--%>
				<%--	location.href = '${ctx}/recurit/job/selfRecommend.page';--%>
				<%--}--%>
			}
		};



		// //弹出调用的方法
		// function showOtherRecommand() {
		// 	document.getElementById('pDiv').style.display = 'none';
		// 	document.getElementById('popDiv').style.display = 'block';
		// }
		// function showSelfRecommand() {
		// 	document.getElementById('popDiv').style.display = 'none';
		// 	document.getElementById('pDiv').style.display = 'block';
		// }
		// //关闭事件
		// function closeOtherRecommand() {
		// 	document.getElementById('popDiv').style.display = 'none';
		// }
		// function closeSelfRecommand() {
		// 	document.getElementById('pDiv').style.display = 'none';
		// }


		//弹出调用的方法
		function showSelfRecommand() {
			console.log("open")
			document.getElementById('popDiv').style.display = 'block';
		}
		//关闭事件
		function closeSelfRecommand() {
			document.getElementById('popDiv').style.display = 'none';
		}

		<%--height: 50px;--%>
		<%--width: 100px;--%>
		<%--background: url("${ctx}/resources/images/recruit/company/siemens.png") no-repeat;--%>
		<%--background-size: 100%;--%>
		<%--background-position: center;--%>
		<%--color: #fff;--%>
		<%--text-align: center;--%>
		<%--margin-left: 35%;--%>
	$(document).ready(function() { 
		$('.button').on('click', handler.activate);

		<%--if(domain == '飞利浦' ) {--%>
		<%--	console.log(domain == '飞利浦')--%>
		<%--	$('#top-view').css('height', '100px');--%>
		<%--	$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/flp_job.png) no-repeat');--%>
		<%--	$('#top-view').css('background-size','100%');--%>
		<%--	$('#top-view').css('background-position','center');--%>
		<%--	$('#top-view').css('color','#fff');--%>
		<%--	$('#top-view').css('text-align','center');--%>
		<%--}--%>
		<%--if(domain == '罗氏' ) {--%>
		<%--	console.log(domain == '罗氏')--%>
		<%--	$('#top-view').css('height', '100px');--%>
		<%--	$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/ls_job.png) no-repeat');--%>
		<%--	$('#top-view').css('background-size','100%');--%>
		<%--	$('#top-view').css('background-position','center');--%>
		<%--	$('#top-view').css('color','#fff');--%>
		<%--	$('#top-view').css('text-align','center');--%>
		<%--}--%>
		if(domain == '牙科' ) {
			// console.log(companyName == '飞利浦')
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/dental_job.jpg) no-repeat');
			$('#top-view').css('background-size','100%');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(domain == 'IVD' ) {
			// console.log(companyName == '飞利浦')
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/IVD_job.jpg) no-repeat');
			$('#top-view').css('background-size','100%');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '飞利浦' ) {
			// console.log(companyName == '飞利浦')
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/flp_job.png) no-repeat');
			$('#top-view').css('background-size','100%');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '罗氏' ) {
			// console.log(companyName == '罗氏')
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/ls_job.png) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '波士顿' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/bsd_job.png) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '登士柏' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/dentsply_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '拜耳' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/career_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '西门子' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/siemens_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '联影' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/uher_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(domain == '影像' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/yinxiang_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == 'GE' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/ge_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '瓦里安' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/var_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '凯杰' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/jk_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '卡瓦' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/kw_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '吉利德' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/gilead_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '爱齐' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/align_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '丹纳赫' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/hz_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyName == '施乐辉' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/slh_job.png) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}
		if(companyBusiness == '9' ) {
			$('#top-view').css('height', '100px');
			$('#top-view').css('background','url(${ctx}/resources/images/recruit/job/lc_job.jpg) no-repeat');
			$('#top-view').css('background-size','contain');
			$('#top-view').css('background-position','center');
			$('#top-view').css('color','#fff');
			$('#top-view').css('text-align','center');
		}

		var icon = $('#companyIcon').val();
		var bb = 'url(${ctx}/resources/images/recruit/company/'+icon+') no-repeat';
		$('#company-icon').css('background', bb);
		$('#company-icon').css('height','80px');
		$('#company-icon').css('width','100px');
		$('#company-icon').css('background-size','contain');
		$('#company-icon').css('background-position','center');
		$('#company-icon').css('color','#fff');
		$('#company-icon').css('text-align','center');
		$('#company-icon').css('margin-left','35%');



        wx.ready(function() { 
            wx.onMenuShareAppMessage({
                title: '医人才招聘:${job.jobName}--${job.jobPlace}',
                desc: '如果你或者你的朋友符合上面这个职位，那么就推荐给我们。推荐有奖，自荐有奖，奖、奖、奖。',  
                link: 'http://www.tiaonali.com${ctx}/recurit/jobDetail.page?jobId=${job.jobId}',
                imgUrl: 'http://www.tiaonali.com${ctx}/resources/images/share_logo.png',  
                type: 'link'
            });

            wx.onMenuShareTimeline({
                title: '医人才招聘:${job.jobName}--${job.jobPlace}',
                desc: '如果你或者你的朋友符合上面这个职位，那么就推荐给我们。推荐有奖，自荐有奖，奖、奖、奖。',  
                link: 'http://www.tiaonali.com${ctx}/recurit/jobDetail.page?jobId=${job.jobId}',
                imgUrl: 'http://www.tiaonali.com${ctx}/resources/images/share_logo.png'
            });

            wx.showOptionMenu();
            
        });
    });
	</script>
</body>
</html>